import "./assets/base.less";
import { Outlet } from "react-router-dom";
import { Layout } from "antd";
import MyHeader from './pages/MyHeader.jsx'
import MySide from './pages/MySide.jsx'
import MyBread from "./pages/MyBread";
const { Header, Footer, Sider, Content } = Layout;

function App() {
  return (
    <div className="App">
      <Layout>
        <Header>
          <MyHeader></MyHeader>
        </Header>
        <Layout>
          <Sider>
            <MySide/>
          </Sider>
          <Content> 
            <MyBread></MyBread>
            <Outlet></Outlet></Content>
        </Layout>
        <Footer className="footer">Made with ❤ by CoderFXJ</Footer>
      </Layout>
    </div>
  );
}

export default App;
